<template>
  <div
    :style="{
      color: textColor,
      fontSize: textSize,
      backgroundColor: bgColor,
      padding: padding,
      borderRadius: borderRadius,
      textAlign: textAlign
    }"
  >
    {{ text }}
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  text: {
    type: String,
    require: false,
    default: ''
  },
  textColor: {
    type: String,
    require: false,
    default: '#000'
  },
  textSize: {
    type: String,
    require: false,
    default: '16px'
  },
  bgColor: {
    type: String,
    require: false,
    default: '#fff'
  },
  padding: {
    type: String,
    require: false,
    default: '0px'
  },
  borderRadius: {
    type: String,
    require: false,
    default: '0px'
  },
  textAlign: {
    type: String,
    require: false,
    default: 'center'
  }
});
</script>
